@extends('public.index.layout')


 
@section('content')
   <div class="row">
       <div class="col-md-8">
           <div class="box box-solid">

               <div class="box-body">
                   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                       <ol class="carousel-indicators">
                           <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                           <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                           <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                       </ol>
                       <div class="carousel-inner">
                           <div class="item active">
                               <img src="http://www.luoxia.com/images/pics/wanlishiwunian.jpg" alt="First slide">

                               <div class="carousel-caption">
                                   First Slide
                               </div>
                           </div>
                           <div class="item">
                               <img src="http://www.luoxia.com/images/pics/zhengnianqiji.jpg" alt="Second slide">

                               <div class="carousel-caption">
                                   Second Slide
                               </div>
                           </div>
                           <div class="item">
                               <img src="http://www.luoxia.com/images/pics/jinyong.jpg" alt="Third slide">

                               <div class="carousel-caption">
                                   Third Slide
                               </div>
                           </div>
                       </div>
                       <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                           <span class="fa fa-angle-left"></span>
                       </a>
                       <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                           <span class="fa fa-angle-right"></span>
                       </a>
                   </div>
               </div>
               <!-- /.box-body -->
           </div>
       </div>
       <div class="col-md-4">
           <!-- Widget: user widget style 1 -->
           <div class="box box-widget widget-user-2">
               <!-- Add the bg color to the header using any of the bg-* classes -->
               <div class="box-header">
                   <h4>小提示</h4>
               </div>
               <div class="box-body no-padding">
                   <ul class="list-group list-group-unbordered">
                       <li class="list-group-item">
                           <b>Followers</b> <a class="pull-right">1,322</a>
                       </li>
                       <li class="list-group-item">
                           <b>Following</b> <a class="pull-right">543</a>
                       </li>
                       <li class="list-group-item">
                           <b>Friends</b> <a class="pull-right">13,287</a>
                       </li>
                   </ul>
               </div>
           </div>
           <!-- /.widget-user -->
       </div>
   </div>
    <div class="box box-solid">
        <div class="box-header">
            <h4>编辑推荐</h4>
        </div>
        <div class="box-body">
            <div class="row">
                @foreach ($recommentdList as $reco)
                    <div class="col-md-2">
                        <!-- Widget: user widget style 1 -->
                        <div class="box box-solid">
                            <div class="box-body">

                                    <a href="">
                                    <img class="img-responsive center-block" src="{{asset('/upload/'.$reco->novelimg)}}" alt="{{$reco->novelname}}">



                                    <h4 class="profile-username text-center">{{$reco->novelname}}</h4>

                                    <p class="text-muted text-center">{{$reco->novelauthor}}</p>
                                    </a>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.widget-user -->
                    </div>
                @endforeach

            </div>
        </div>
    </div>
    <div class="box box-solid">
            <div class="box-body">
            <ol><li class="hot-book-tit"><h2>热门：</h2></li>
                @foreach ($hots as $hot)
                    <li class="hot-book hlight">
                        <a href="{{route('vol',['id'=>$hot->id])}}" target="_blank" title="{{$hot->novelname}}"><h2 class="pop-tit">{{$hot->novelname}}</h2>
                            <span class="pop-intro">{{$hot->novelauthor}}</span></a>
                    </li>
                @endforeach

            </ol>

            @foreach ($typeNovels as $i => $value)
                    <ol><li class="hot-book-tit"><h2>{{$i}}:</h2></li>
                        @foreach ($value as $novel)
                            <li class="hot-book">
                                <a href="{{route('vol',['id'=>$novel->id])}}" target="_blank" title="{{$novel->novelname}}"><h2 class="pop-tit">{{$novel->novelname}}</h2><span class="pop-intro">{{$novel->novelauthor}}</span></a>
                            </li>
                        @endforeach


                    </ol>
                <div class="clearfix"></div>
            @endforeach

            </div>

    </div>
@endsection
 
@section('script')
<script>

</script>
@endsection